<template>
  <section class="content">
    <div class="box box-info">
      <div class="box-header with-border">
        <section class="content-header">
          <ol class="breadcrumb no-padding pos-no">
            <li><a href="javascript:;">所属分类</a></li>
            <li><a href="javascript:;">玩具</a></li>
            <li class="active">遥控飞机</li>
          </ol>
        </section>
      </div>
      <ul>
        <li v-for="(item,index) in items">
          <add :item="item" :key="index" v-on:mover="remover"></add>
        </li>
      </ul>
      <div class="form-group clearfix">
        <div class="col-sm-12">
          <div class="form-group">
            <p class="text-blue margin-bottom curren" @click="add">
              添加属性
            </p>
            <div class="">
              <button class="btn btn-info">提交</button>
              <button class="btn btn-default">返回属性列表</button>
            </div>
          </div>
        </div>
      </div>

    </div>


  </section>
</template>

<script>
  // import AddChildAttrutes from '@/pages/product/ProductConfiguration/AddChildAttrutes';
  import add from './add';

  export default {
    name: "AddChildAttrutes",
    data() {
      return {
        items: ['111']
      }
    },
    methods: {
      add() {
        this.items.push({
          value: null
        })
      },
      remover(item) {
        var index_ = this.items.indexOf(item);
        this.items.splice(index_, 1)
      }
    },
    components: {
      add
    }
  }
</script>

<style scoped>

</style>
